/*设置头部导航区域*/
*{
	padding-top: .1px;
}
.q-header{
	
	background: #f8f8f8;
	display: flex;
	height: .6rem;
}
.q-header>div{
	flex-grow: 1;
	text-align: center;
	line-height: .6rem;
	color: #666666;
	font-size: .3rem;
	
}
#sanjiao{
	display: inline-block;
	height: .15rem;
	width: .15rem;
	border: 2px solid #a2a2a2;
	transform: rotateZ(45deg);
	border-left: none;
	border-top: none;
}
.q-header>div:first-of-type{
	text-align: left;
	margin-left:.2rem ;
	font-size: .23rem;
}
.q-header>div:last-of-type{
	text-align: right;
	margin-right: .3rem;
}
.q-header>div:last-of-type i{
	font-size: .23rem;
}
/*设置轮播图区域的样式*/
#q-turn{
	height: 2.8rem;
	flex-shrink: 0;
	position: relative;
	overflow:hidden;
}
#q-turn>#q-ban{
	width: 600%;
	position: absolute;
	left: 0;
	height: 100%;
	display: flex;
	transition: all .2s; 
}
#q-turn>.q-dot{
	position: absolute;
	bottom: .2rem;
	width: 100%;
	text-align: center;

}
#q-turn>.q-dot>span{
	display: inline-block;
	height: .1rem;
	width: .1rem;
	border-radius: 50%;
	background:#c8ece;
	margin: .05rem;c
}
#q-turn>#q-ban>img{
	flex-grow: 1;
	height: 100%;
	width: 16.66%;
}
/*设置灰线的样式*/
#q-line{
	height: .15rem;
	background: #eeeeee;
	flex-shrink: 0;
}
/*活动日历区域样式设置*/
#q-active{
	height: 1.2rem;

	padding-left: 1.3rem;
	position: relative;
}
#q-active>a{
	display: inline-block;
	height: 100%;
	width: 100%;
}
#q-active h2{
	margin-top: .25rem;
	font-size: .3rem;
	color: #;696969
}
#q-active p{
	font-size: .2rem;
	margin-top: .1rem;
	color: #;696969
}
#q-active span{
	display: inline-block;
	width: .2rem;
	height: .2rem;
	border: 1px solid #6d6d6d;
	transform: rotateZ(45deg);
	border-left: none;
	border-bottom: none;
	position: absolute;
	right: .2rem;
	top: .5rem;
}
/*天狗必逛区域样式设置*/
#q-stoll{
	flex-shrink: 0;
}
.s-top{
	height: .6rem;
	border-bottom: 1px solid #eeeeee;
}
.s-top img{
	height: .5rem;
	float: left;
	margin-top: .07rem;
	margin-left: .2rem;
}
.s-top h3{
	float: left;
	height: 100%;
	line-height: .6rem;
	margin-left: .13rem;
	color: #5e5e5e;
	font-size: .2rem;
}
#q-stoll>.s-box{
	height: 3rem;
}
#q-stoll>.s-box img{
	float: left;
}
#q-stoll>.s-box img:first-of-type{
	width: 40%;
	height: 3rem;
}
#q-stoll>.s-box>a:nth-of-type(2) img{
	width: 60%;
	height: 1.2rem;
	border-bottom: 1px solid #eeeeee;
}
#q-stoll>.s-box>a:nth-of-type(3) img{
	width: 30%;
	height: 1.8rem;
	border-right: 1px solid #eeeeee;
}
#q-stoll>.s-box>a:nth-of-type(4) img{
	width: 29.5%;
	height: 1.8rem;
}
/*我逛过的门店样式设置*/
#q-store>.store-box{
	height: 1.5rem;
	display: flex;
}
#q-store>.store-box>div:first-of-type{
	flex-basis:34% ;
}
#q-store>.store-box>div img{
	width: 80%;
	margin-left: 7%;
	margin-top: 10%;
}
#q-store>.store-box>div:last-of-type{
	flex-basis: 66%;
}
#q-store>.store-box>div:last-of-type>h3{
	margin-top: 6%;
	font-size: .2rem;
	font-weight: normal;
	margin-bottom: .15rem;
}
#q-store>.store-box>div:last-of-type>p{
	margin-top: .05rem;
}
/*设置优惠活动样式..........................................*/
#q-favourable>.favourable-content>.img img{
	width: 100%;
}
#q-favourable>.favourable-content>.img{
	position: relative;
}
.q-time{
	position: absolute;
	display: inline-block;
	height: .3rem;
	width: 1rem;
	background: black;
	color: white;
	line-height: .3rem;
	top: .15rem;
	right: 0;
	text-align: center;
	border-radius: .15rem;
}
#q-favourable>.favourable-content>.img>.q-title{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: .4rem;
	background: rgba(0,0,0,.5);
	display: flex;
}
#q-favourable>.favourable-content>.img>.q-title>div{
	flex-grow: 1;
	color: white;
	line-height: .4rem;
	font-size: .2rem;
	margin-left: .2rem;
}
#q-favourable>.favourable-content>.img>.q-title>div:last-of-type{
	text-align: right;
	margin-right: .2rem;
}

#q-favourable>.favourable-content>.f-buttom{
	height: .6rem;
}
#q-favourable>.favourable-content>.f-buttom img{
	float: left;
	margin-left: .2rem;
	margin-top: .1rem;
}
#q-favourable>.favourable-content>.f-buttom>p{
	height: 100%;
	line-height:.6rem;
	font-size: .2rem;
	color: #6d6d6d;
	padding-left: .7rem;
}

/*底部显示没有更多的样式............................*/
#q-bottom{
	height: 2.5rem;
	background: #eeeeee;
	text-align: center;
}
#q-bottom>img{
	margin-top: .7rem;
}
